APLICACIONS WEB AMB JAVASCRIPT, REACT I ANGULAR (FRONTEND)

1. JavaScript (25 hores)

• 1.- Introducció: VS Code. Què és. Funcionament i mode de treball. Història i evolució. Tendències. Conceptes bàsics d’HTML/CSS
• 2.- Sintaxi bàsica del llenguatge: Variables (let, var, const) i operadors. Estructures de contro. Gestió d’errors. Funcions. Funcions anònimes i “=>”. Arrays. JSON. Classes. Mòduls. Promeses. Asincronia.
• 3.- Modificació de la pàgina: Captura d’etiquetes. Events. Manipulació del DOM.
• 4.- Accés al servidor: Fetch. Tècniques bàsiques.

2. Introducció a React 19 (25 hores)

• 1.- Conceptes bàsics: Què es. Filosofia. Ferramentes. Estructura d’un projecte. Descàrrega i configuració de l’entorn. Vite. Elements de React (components, hooks, JSX). DOM virtual. Desplegament. Sintaxi de JSX.
• 2.- Components i props: Components funcionals. Props (“propietats”). Pas de dades entre components. Renderitzat condicional i de llistes. Events.
• 3.- Hooks: Què son. Limitacions d’ús. UseState. UseEffect, useEffectEvent. UseRef. useMemo, useCallback. useContex. Hooks personalitzats
• 4.- Formularis: Maneig de controls. Sincronització amb l’estat. Validació. Biblioteques més usades.
• 5.- Navegació (React Router): Instal·lació. Configuració. Layouts i redireccions
• 6.- Accés al servidor: Fetch. Accés a REST. Biblioteques més usades.

3. Introducció a Angular 20 (50 hores)

• 1.- Primera Aplicació:  Ferramentes. Estructura d’un projecte. Engegada d’una aplicació. Components. Fitxers de configuració. Aplicacions tradicionals.
• 2.- Introducció a TypeScript: Filosofia i funcionament. Estructures de control i operadors. Tipus de dades, arrays, conversió de tipus. Classes, camps, mètodes, modificadors d’accés.Interfaces i herència. Genèrics. Expressions Lambda. Decoradors (descripció)
• 3.- Arquitectura d’Angular: Components i plantilles. Interpolació i Data Binding. Directives. Pipes. Servicis. Mòduls (Angular tradicional)
• 4.- Plantilles i Data Bindingo: @if, @for, @switch. Introduccióa @defer. Tipusde Data Binding. Variables de plantilla
• 5.- Formularis: Formularis de plantilla. Formularis reactivos. Validació de formularis
• 6.- Components: Disseny de components. Creació d’un component. Cicle de vida. Injecció de dependència (constructor, inject). Signals. Comunicació entre components: @Input i @Output
• 7.-Servicis:  Disseny de servicis. Injecció de servicis. Servici HttpClient. Patró Observer. Introducció a RxJS. Altres servicis d’Angular.
• 8.- Aplicacions Tradicionals. Mòduls: Disseny de mòduls. @NgModule. Atributs. Mòduls més utilitzats. Càrrega de dependències. *ngIf, *nfFor, ng-container, ng-template. Avantatges i inconvenients.
• 9.- Rutes: Creació de rutes. Rutes filles. Rutes auxiliars. Programació. Servicis disponibles. Càrrega diferida. Guards funcionals
• 10.- Directives i Pipes: Pipes habituals. Creacióde pipes. Creacióde directivas. Accés i modificació del DOM.